<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/angular.js/1.3.20/angular.min.js"></script>
    <title>列表</title>
</head>
<body>
<div class="wrap" style="padding: 10px 15px;" ng-controller="fmController">
    <table class="table table-bordered">
        <thead>
        <tr>
            <th nowrap="nowrap">微信</th>
            <th nowrap="nowrap">备注</th>
            <th nowrap="nowrap">q1</th>
            <th nowrap="nowrap">q2</th>
            <th nowrap="nowrap">q3</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in items">
            <td ng-bind="item.weixin">微信</td>
            <td ng-bind="item.remark">备注</td>
            <td ng-bind="item.q1">q1</td>
            <td ng-bind="item.q2">q2</td>
            <td ng-bind="item.q3">q3</td>
        </tr>
        </tbody>
    </table>
</div>
<script>
    var app = angular.module("app",[]);
    app.controller("fmController",["$scope", "$http", function($scope, $http){
        $scope.query=function(){
            $http({
                url: "http://ihshow.cn/vote/list",
                method: "get",
                data: {callback:'JSON_CALLBACK'}
            }).success(function(response){
                $scope.items = response.data;
            })
        };
        $scope.query();
    }]);
    angular.bootstrap(document, [ "app" ]);
</script>
</body>
</html>